<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <title>拼图前端框架HTML模版</title>
    <meta name="keywords" content="关键词" />
    <meta name="description" content="描述" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/pintuer.css">
	<link rel="stylesheet" href="js/layer/skin/l.css">
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    <div class="layout fixed-top header">
		<div class="line">
			<div class="xl1 text-center"><i class="icon-mail-reply"></i></div>
			<div class="xl10 text-center"><h1>西北房地产超市</h1></div>
			<div class="xl1 text-center"><i class="icon-search"></i></div>
		</div>
	</div>
	<div class="layout">
		<div style="height:48px"></div>
		<div class="x12 bg-red text-white text-center headof" >
			<h2>金牌户型</h2>
			<h3>Supper Apartment layout</h3>
		</div>
		<div  class="clearfix x12" style="height:20px"></div>
	</div>
	<div class="container">
		<ul class="list-media list-underline list-img line-middle">
		   <li class="xl12 xm12 xd6 xb6 clearfix">
				<div class="line-middle">
					<div class="xl4 xm3 xd3 xb3 img">
						<a  href="#">
							<img src="img/1.jpg" class="img-responsive img-border border-blue radius-big" >
						</a>
					</div>
					<div class="xl8 xm9 xd9 xb9 text">
						<div class="xl7 xm8 xd8 xb8">
							<h3>山水名城</h3>
						</div>
						<div class="xl5 xm4 xd4 xb4 text-right">
							<span class="tag bg-dot">特惠</span>&nbsp;
							<span  class="tag bg-red">推荐</span>&nbsp;
							<span  class="tag bg-red">礼包</span>
						</div>
						<div class="xl6 xm6 xd6 xb6">
							兰州市城关区
						</div>
						<div class="xl6 xm6 xd6 xb6 text-right">
							<span  class="text-red">均价7500元</span>
						</div>
						<div class="xl12">
							<span  class="text-gray">一生之城，3万亩湿地公园。43%绿化</span>
						</div>
						<div class="xl6 xl6-move text-right">
							<span  class="text-yellow">1万抵10万</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="xl6">
						<span  class="text-red">额外返现1000元大礼包</span>
					</div>
					<div class="xl6 text-right">
						<span  class="text-red-light">6天9小时12分21秒</span>
					</div>
				</div>
		  </li>


		   <li class="xl12 xm12 xd6 xb6 clearfix">
				<div class="line-middle">
					<div class="xl4 xm3 xd3 xb3 img">
						<a  href="#">
							<img src="img/1.jpg" class="img-responsive img-border border-blue radius-big" >
						</a>
					</div>
					<div class="xl8 xm9 xd9 xb9 text">
						<div class="xl7 xm8 xd8 xb8">
							<h3>山水名城</h3>
						</div>
						<div class="xl5 xm4 xd4 xb4 text-right">
							<span class="tag bg-dot">特惠</span>&nbsp;
							<span  class="tag bg-red">推荐</span>&nbsp;
							<span  class="tag bg-red">礼包</span>
						</div>
						<div class="xl6 xm6 xd6 xb6">
							兰州市城关区
						</div>
						<div class="xl6 xm6 xd6 xb6 text-right">
							<span  class="text-red">均价7500元</span>
						</div>
						<div class="xl12">
							<span  class="text-gray">一生之城，3万亩湿地公园。43%绿化</span>
						</div>
						<div class="xl6 xl6-move text-right">
							<span  class="text-yellow">1万抵10万</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="xl6">
						<span  class="text-red">额外返现1000元大礼包</span>
					</div>
					<div class="xl6 text-right">
						<span  class="text-red-light">6天9小时12分21秒</span>
					</div>
				</div>
		  </li>


		   <li class="xl12 xm12 xd6 xb6 clearfix">
				<div class="line-middle">
					<div class="xl4 xm3 xd3 xb3 img">
						<a  href="#">
							<img src="img/1.jpg" class="img-responsive img-border border-blue radius-big" >
						</a>
					</div>
					<div class="xl8 xm9 xd9 xb9 text">
						<div class="xl7 xm8 xd8 xb8">
							<h3>山水名城</h3>
						</div>
						<div class="xl5 xm4 xd4 xb4 text-right">
							<span class="tag bg-dot">特惠</span>&nbsp;
							<span  class="tag bg-red">推荐</span>&nbsp;
							<span  class="tag bg-red">礼包</span>
						</div>
						<div class="xl6 xm6 xd6 xb6">
							兰州市城关区
						</div>
						<div class="xl6 xm6 xd6 xb6 text-right">
							<span  class="text-red">均价7500元</span>
						</div>
						<div class="xl12">
							<span  class="text-gray">一生之城，3万亩湿地公园。43%绿化</span>
						</div>
						<div class="xl6 xl6-move text-right">
							<span  class="text-yellow">1万抵10万</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="xl6">
						<span  class="text-red">额外返现1000元大礼包</span>
					</div>
					<div class="xl6 text-right">
						<span  class="text-red-light">6天9小时12分21秒</span>
					</div>
				</div>
		  </li>

		   <li class="xl12 xm12 xd6 xb6 clearfix">
				<div class="line-middle">
					<div class="xl4 xm3 xd3 xb3 img">
						<a  href="#">
							<img src="img/1.jpg" class="img-responsive img-border border-blue radius-big" >
						</a>
					</div>
					<div class="xl8 xm9 xd9 xb9 text">
						<div class="xl7 xm8 xd8 xb8">
							<h3>山水名城</h3>
						</div>
						<div class="xl5 xm4 xd4 xb4 text-right">
							<span class="tag bg-dot">特惠</span>&nbsp;
							<span  class="tag bg-red">推荐</span>&nbsp;
							<span  class="tag bg-red">礼包</span>
						</div>
						<div class="xl6 xm6 xd6 xb6">
							兰州市城关区
						</div>
						<div class="xl6 xm6 xd6 xb6 text-right">
							<span  class="text-red">均价7500元</span>
						</div>
						<div class="xl12">
							<span  class="text-gray">一生之城，3万亩湿地公园。43%绿化</span>
						</div>
						<div class="xl6 xl6-move text-right">
							<span  class="text-yellow">1万抵10万</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="xl6">
						<span  class="text-red">额外返现1000元大礼包</span>
					</div>
					<div class="xl6 text-right">
						<span  class="text-red-light">6天9小时12分21秒</span>
					</div>
				</div>
		  </li>

		   <li class="xl12 xm12 xd6 xb6 clearfix">
				<div class="line-middle">
					<div class="xl4 xm3 xd3 xb3 img">
						<a  href="#">
							<img src="img/1.jpg" class="img-responsive img-border border-blue radius-big" >
						</a>
					</div>
					<div class="xl8 xm9 xd9 xb9 text">
						<div class="xl7 xm8 xd8 xb8">
							<h3>山水名城</h3>
						</div>
						<div class="xl5 xm4 xd4 xb4 text-right">
							<span class="tag bg-dot">特惠</span>&nbsp;
							<span  class="tag bg-red">推荐</span>&nbsp;
							<span  class="tag bg-red">礼包</span>
						</div>
						<div class="xl6 xm6 xd6 xb6">
							兰州市城关区
						</div>
						<div class="xl6 xm6 xd6 xb6 text-right">
							<span  class="text-red">均价7500元</span>
						</div>
						<div class="xl12">
							<span  class="text-gray">一生之城，3万亩湿地公园。43%绿化</span>
						</div>
						<div class="xl6 xl6-move text-right">
							<span  class="text-yellow">1万抵10万</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="xl6">
						<span  class="text-red">额外返现1000元大礼包</span>
					</div>
					<div class="xl6 text-right">
						<span  class="text-red-light">6天9小时12分21秒</span>
					</div>
				</div>
		  </li>

		   <li class="xl12 xm12 xd6 xb6 clearfix">
				<div class="line-middle">
					<div class="xl4 xm3 xd3 xb3 img">
						<a  href="#">
							<img src="img/1.jpg" class="img-responsive img-border border-blue radius-big" >
						</a>
					</div>
					<div class="xl8 xm9 xd9 xb9 text">
						<div class="xl7 xm8 xd8 xb8">
							<h3>山水名城</h3>
						</div>
						<div class="xl5 xm4 xd4 xb4 text-right">
							<span class="tag bg-dot">特惠</span>&nbsp;
							<span  class="tag bg-red">推荐</span>&nbsp;
							<span  class="tag bg-red">礼包</span>
						</div>
						<div class="xl6 xm6 xd6 xb6">
							兰州市城关区
						</div>
						<div class="xl6 xm6 xd6 xb6 text-right">
							<span  class="text-red">均价7500元</span>
						</div>
						<div class="xl12">
							<span  class="text-gray">一生之城，3万亩湿地公园。43%绿化</span>
						</div>
						<div class="xl6 xl6-move text-right">
							<span  class="text-yellow">1万抵10万</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="xl6">
						<span  class="text-red">额外返现1000元大礼包</span>
					</div>
					<div class="xl6 text-right">
						<span  class="text-red-light">6天9小时12分21秒</span>
					</div>
				</div>
		  </li>

		   <li class="xl12 xm12 xd6 xb6 clearfix">
				<div class="line-middle">
					<div class="xl4 xm3 xd3 xb3 img">
						<a  href="#">
							<img src="img/1.jpg" class="img-responsive img-border border-blue radius-big" >
						</a>
					</div>
					<div class="xl8 xm9 xd9 xb9 text">
						<div class="xl7 xm8 xd8 xb8">
							<h3>山水名城</h3>
						</div>
						<div class="xl5 xm4 xd4 xb4 text-right">
							<span class="tag bg-dot">特惠</span>&nbsp;
							<span  class="tag bg-red">推荐</span>&nbsp;
							<span  class="tag bg-red">礼包</span>
						</div>
						<div class="xl6 xm6 xd6 xb6">
							兰州市城关区
						</div>
						<div class="xl6 xm6 xd6 xb6 text-right">
							<span  class="text-red">均价7500元</span>
						</div>
						<div class="xl12">
							<span  class="text-gray">一生之城，3万亩湿地公园。43%绿化</span>
						</div>
						<div class="xl6 xl6-move text-right">
							<span  class="text-yellow">1万抵10万</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="xl6">
						<span  class="text-red">额外返现1000元大礼包</span>
					</div>
					<div class="xl6 text-right">
						<span  class="text-red-light">6天9小时12分21秒</span>
					</div>
				</div>
		  </li>

		   <li class="xl12 xm12 xd6 xb6 clearfix">
				<div class="line-middle">
					<div class="xl4 xm3 xd3 xb3 img">
						<a  href="#">
							<img src="img/1.jpg" class="img-responsive img-border border-blue radius-big" >
						</a>
					</div>
					<div class="xl8 xm9 xd9 xb9 text">
						<div class="xl7 xm8 xd8 xb8">
							<h3>山水名城</h3>
						</div>
						<div class="xl5 xm4 xd4 xb4 text-right">
							<span class="tag bg-dot">特惠</span>&nbsp;
							<span  class="tag bg-red">推荐</span>&nbsp;
							<span  class="tag bg-red">礼包</span>
						</div>
						<div class="xl6 xm6 xd6 xb6">
							兰州市城关区
						</div>
						<div class="xl6 xm6 xd6 xb6 text-right">
							<span  class="text-red">均价7500元</span>
						</div>
						<div class="xl12">
							<span  class="text-gray">一生之城，3万亩湿地公园。43%绿化</span>
						</div>
						<div class="xl6 xl6-move text-right">
							<span  class="text-yellow">1万抵10万</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="xl6">
						<span  class="text-red">额外返现1000元大礼包</span>
					</div>
					<div class="xl6 text-right">
						<span  class="text-red-light">6天9小时12分21秒</span>
					</div>
				</div>
		  </li>

		   <li class="xl12 xm12 xd6 xb6 clearfix">
				<div class="line-middle">
					<div class="xl4 xm3 xd3 xb3 img">
						<a  href="#">
							<img src="img/1.jpg" class="img-responsive img-border border-blue radius-big" >
						</a>
					</div>
					<div class="xl8 xm9 xd9 xb9 text">
						<div class="xl7 xm8 xd8 xb8">
							<h3>山水名城</h3>
						</div>
						<div class="xl5 xm4 xd4 xb4 text-right">
							<span class="tag bg-dot">特惠</span>&nbsp;
							<span  class="tag bg-red">推荐</span>&nbsp;
							<span  class="tag bg-red">礼包</span>
						</div>
						<div class="xl6 xm6 xd6 xb6">
							兰州市城关区
						</div>
						<div class="xl6 xm6 xd6 xb6 text-right">
							<span  class="text-red">均价7500元</span>
						</div>
						<div class="xl12">
							<span  class="text-gray">一生之城，3万亩湿地公园。43%绿化</span>
						</div>
						<div class="xl6 xl6-move text-right">
							<span  class="text-yellow">1万抵10万</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="xl6">
						<span  class="text-red">额外返现1000元大礼包</span>
					</div>
					<div class="xl6 text-right">
						<span  class="text-red-light">6天9小时12分21秒</span>
					</div>
				</div>
		  </li>

		   <li class="xl12 xm12 xd6 xb6 clearfix">
				<div class="line-middle">
					<div class="xl4 xm3 xd3 xb3 img">
						<a  href="#">
							<img src="img/1.jpg" class="img-responsive img-border border-blue radius-big" >
						</a>
					</div>
					<div class="xl8 xm9 xd9 xb9 text">
						<div class="xl7 xm8 xd8 xb8">
							<h3>山水名城</h3>
						</div>
						<div class="xl5 xm4 xd4 xb4 text-right">
							<span class="tag bg-dot">特惠</span>&nbsp;
							<span  class="tag bg-red">推荐</span>&nbsp;
							<span  class="tag bg-red">礼包</span>
						</div>
						<div class="xl6 xm6 xd6 xb6">
							兰州市城关区
						</div>
						<div class="xl6 xm6 xd6 xb6 text-right">
							<span  class="text-red">均价7500元</span>
						</div>
						<div class="xl12">
							<span  class="text-gray">一生之城，3万亩湿地公园。43%绿化</span>
						</div>
						<div class="xl6 xl6-move text-right">
							<span  class="text-yellow">1万抵10万</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="xl6">
						<span  class="text-red">额外返现1000元大礼包</span>
					</div>
					<div class="xl6 text-right">
						<span  class="text-red-light">6天9小时12分21秒</span>
					</div>
				</div>
		  </li>
		</ul>




		<div style="height:42px;">
		</div>
	</div>
	
	<div class="layout bg-slight fixed-bottom footer">
		<div class="button-group button-group-justified">
		  <div class="button-group drop dropup">
			<a class="button dropdown-toggle">找房 <span class="upward"></span></a>
			<ul class="drop-menu">
				<li><a>按面积</a></li>
				<li><a>按地段</a></li>
				<li><a>按价位</a></li>
				<li><a>按户型</a></li>
			</ul>
		  </div>
		  <div class="button-group drop dropup">
			<a class="button dropdown-toggle">买房 <span class="upward"></span></a>
			<ul class="drop-menu">
				<li><a>限时特惠</a></li>
				<li><a>领取礼包</a></li>
				<li><a>金牌户型</a></li>
				<li><a>本周推荐</a></li>
			</ul>
		  </div>
		  <div class="button-group drop dropup">
			<a class="button dropdown-toggle">个人中心 <span class="upward"></span></a>
			<ul class="drop-menu">
			  <li><a>个人设置</a></li>
				<li><a>登录</a></li>
				<li><a>注册</a></li>
			</ul>
		  </div>
		</div>
	</div>
  <script src="js/jquery.min.js"></script>
  <script src="js/pintuer.js"></script>
  <script src="js/layer/layer.js"></script>
  <script src="js/respond.min.js"></script>
  <script src="js/main.js"></script>
  </body>
  
</html>